@charset "utf-8";

@media screen and (min-width: 1200px){
    .container-fluid {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .container {
        max-width: 1200px !important;
		padding-left:0 !important;
		padding-right:0 !important;
    }
}
@media screen and (max-width: 1199px){
    .container-fluid {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    body{ min-width: 320px;}
    .headM .searchBox{ margin-left: 3%;}
    .index_meeting_left{ width: 100%;}
    .index_meeting_right{ width: 100%; margin-top:0px;}
    .index_video_left{ width: 100%; margin-bottom: 25px;}

    .index_video_right{ width: 100%;}

    .index_agency_hf ul li{ width: 49%;}
    .footer_nav{ display: none;}

    .screening_bt{ width: 6%;}
    .screening_tj{ width: 86%;}

    .article_img{ width: 33%;}
    .article_right{ width: 65%;}

    .article_list_img{ width: 100%;}
    .article_list_right{ width: 100%; margin-top: 10px;}
    .listc_left{ width: 100%;}

    .listc_left_img{ width: 25%;}
    .listc_left_right{ width: 72%;}

    .listc_right{ width: 100%;}
    .listc_right_gg{ display: none;}
    .listc_right_bk{ width: 49%;}
    .listc_right .listc_right_bk:nth-child(2){ float: right;}

    .showa_content_left{ width: 100%;}
    .showa_content_right{ width: 100%;}

    .showb_content_left{ width: 100%; margin-bottom: 25px;}


}
@media screen and (max-width: 768px) {

    .headTop_right .headDiv{ padding: 0 10px;}
    .headM .search{ width: 190px; display: none;}
    .headM .searchBox{ margin-left: 2%; width: auto;}

    .activitySx{ width: 400px;}
    .headNav{ background: none; height: auto;}
    .head_nav ul li.on .navA{ background:none;}


    /*导航*/
    .top_butt{ display: block; float: right; margin-top: 6px;  width: 30px; height: 30px; z-index: 99999; }
    .top_butt .bar{ width: 30px; height: 2px; display: block; background: #3298FC; margin: 6px 0;
        border-radius: 25px;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .head_nav{
        width: 50%; height: 100%;  position:fixed; top: 0; left:-100%; opacity: 0; margin-top: auto;
        background: rgba(8,13,18,0.8);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 99998;
    }
    .head_nav ul{ width: 100%; height: 98%; overflow-x: hidden; overflow-y: auto;}
    .head_nav ul li{ width: 100%; height: auto; background: no-repeat; margin: 0; border-bottom: solid 1px rgba(255,255,255,0.2);}
    .head_nav ul li:hover{ background: none;}

    .head_nav ul li .navA{ float: left; width: 100%; height: auto; padding-top: 0;}
    .head_nav ul li:hover .navA:after{ content: none;}
    .head_nav ul li.on .navA:after{ content: none;}
    .head_nav ul li .navA span{ display: none;}

    .head_nav ul li .navA a{ float: left; margin-left: 20px; line-height: 50px;}
    .head_nav ul li .top_down{ display: block; width: 40%; line-height: 50px; text-align: right; color: #fff;  position: absolute; right: 10px; top: 0;}
    .head_nav ul li .navTwo{ display: none; width: 86%; float: left; margin-left: 5%; background: none; position: relative; left: auto; top: auto;}
    .head_nav ul li .navTwo dd{ border-bottom: solid 1px rgba(255,255,255,0.3);}
    .head_nav ul li .navTwo dd a{ display: block; float: left; margin-left: 10px;}
    .head_nav ul li .navTwo dd:last-child{ border-bottom: none;}
    .head_nav ul li .navTwo dd:hover{ background: none;}
    .head_nav_on{ left: 0; opacity: 1;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 99999;
    }

    .swiper_banner .swiper-button-prev,.swiper_banner .swiper-button-next{ display: none;}
    .swiper_banner{ height: 340px;}
    .index_news_list ul .li{ margin-bottom: 25px;}
    .footer_top_left{ font-size: 20px;}

    .screening_li{ margin-bottom: auto;}
    .screening_bt{ width: 7%;}
    .screening_tj{ width: 92%;}
    .screening_tj ul li.active{ background: none;}
    .screening_tj ul li:hover{ background: none;}
    .screening_li button{ font-size: 14px; display: inline-block; color: #777;}

    .article_img{ width: 40%;}
    .article_right{ width: 58%;}
    .article_p{ font-size: 12px; line-height: 22px;}

    .swiper_article{ padding-bottom: 20px;}
    .swiper_article .swiper-pagination{ bottom: 0 !important; top: auto !important; width: 100% !important;}

    .listc_plate_img{ width: 33%;}
    .listc_plate_info{ width: 64%;}
    .listc_right_gg{ display: block; margin-top: 30px;}


}
@media screen and (max-width: 576px) {
    .headM{ padding: 10px 0;}
    .headM .searchBox{ display: none;}
    .headTop_right{ display: none;}
    .headM_bott{ display: none;}

    .headM .logo{ padding: 0;}
    .top_butt{ }

    .wap_search_butt{ display: block; float: right; margin-right: 15px; margin-top: 2px;}
    .wap_search_butt i{ font-size: 28px; line-height: 28px; color: #3298FC;}


.gao{ height:50px}

    .head_nav{ width: 76%;}
    .head_nav ul li{ display: block; overflow: hidden;}
    .index_video{ padding: 50px 0;}
    .index_project{ padding: 50px 0;}
    .index_news{ padding: 50px 0;}
    .index_guest{ padding: 50px 0;}
    .index_journal{ padding: 50px 0;}
    .index_agency{ padding: 50px 0;}

    .wap_fd{ display: block; float: right; margin-top: 6px;  width: 30px; height: 30px; z-index: 99999; }

    .swiper_banner{ height: 300px;}
    .swiper_banner_title{ font-size: 22px; line-height: 28px; margin-bottom: 15px;}
    .swiper_banner_ms{ font-size: 14px; line-height: 24px;}

    .index_meeting_title span{ font-size: 18px;}

    .index_agency_hf ul li{ width: 100%; margin-bottom: 10px;}

    .index_agency_list ul li{    -ms-flex: 0 0 49.999%;
        flex: 0 0 49.999%;
        max-width: 49.999%;}


    footer{ margin-bottom: 0px;padding: 15px 0;}
    .footer_top_left{ text-align: center; font-size: 16px; width: 100%;}
    .footer_top_bott{ display: none;}
    .footer_rwm{ width: 100%; padding: 30px 40px;}

    .wap_bott{ display: block; width: 100%; height: 60px; background: #000; position:fixed; bottom: 0; left: 0; overflow: hidden; z-index: 999; padding: 0 15px;}
    .wap_bott ul li{ border-right: solid 1px rgba(255,255,255,0.2);}
    .wap_bott .wap_bott_div{ width: 100%; height: 60px; text-align: center; padding-top: 8px;}
    .wap_bott .wap_bott_div i{color: #fff; font-size: 18px;}
    .wap_bott .wap_bott_div span{ display: block; color: #fff; font-size: 13px;}


    .fd_kf{ bottom: 70px; width: 30px;}
    .fd_kf ul li{ display: none; height: 30px; line-height: 30px;}
    .fd_kf ul li.returnTop{ display: block;}
    .fd_kf ul li span{ display: none;}
    .fd_kf ul li:hover{ background: #fff;}
    .fd_kf ul li:hover i{ color: #333;}

    .screening{ padding: 20px 15px;}
    .screening_bt{ width: 13%;}
    .screening_tj{ width: 73%;}
    .screening_tj ul li{ padding: 0 5px;}

    .article_img{ width: 100%;}
    .article_right{ width: 100%; margin-top: 10px;}
    .index_meeting_title ul{ display: none;}

    .listc_left_img{ width: 100%; text-align: center;}
    .listc_left_img img{ width: 60%;}
    .listc_left_right{ width: 100%;}

    .listc_date span{ font-size: 14px;}
    .listc_qs{ margin-bottom: 5px;}
    .listc_qs span{ display: block; width: 25%; float: left; margin-left: auto; margin-right: auto;}
    .listc_qs span:last-child{ width: 100%;}
    .listc_qs i{ display: none;}

    .listc_paging{ width: 100%;}
    .listc_paging a{ margin-left: auto; font-size: 14px;}
    .listc_paging a:nth-child(1){ float: left;}
    .listc_paging a:nth-child(2){ float:right;}

    .listc_plate_img{ width: 100%;}
    .listc_plate_info{ width: 100%; margin-top: 10px;}

    .listc_right_bk{ width: 100%;}
    .showa_banner{ height: 300px;}
    .showa_title h2{ font-size: 18px;}
    .showa_span span{ font-size: 12px;}
    .showb_title{ text-align: center; padding:18px 0 5px}
    .showb_title h2{ font-size: 14px; float: none;}
    .showb_xx{ padding: 5px 0; width: 100%; text-align: right;}
    .showb_xx span{ margin-bottom: 10px; padding:0; padding-right: 10px; font-size: 12px; float: none; text-align:right}
    .showb_xx em{ margin-bottom: 10px; display: none; float: none;}
    .showb_fx{ display: block;}
    .showb_xx a{ width: 16px; height: 14px; margin-top: 3px; padding:0 13px }
    .showb_qh_butt li{ font-size: 16px; width: 33.333%; font-weight: bold;}
    .showb_qh_k{ min-height: 200px;}

    .headM{ position: relative;}
    .mobile_search{ display: none; width: 100%; position: absolute; top: 100%; background: #fff; left: 0; z-index: 99; border-bottom: solid 1px rgba(0,0,0,0.2); border-top: solid 1px rgba(0,0,0,0.2);}


    .wapSearch{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99999;}
    .wapSearch-m{
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .close-butt{ outline: 0; }

    .swiper_guest_pic{ width: 130px;}
    .swiper_guest_tit p{ font-size: 14px;}

    .wap_more{ display: block; background: #359AF6; border-radius:5px; float: right; color: #fff; font-size: 14px; padding: 3px 10px; line-height: 20px; margin-top: -3px;}
    .index_meeting_title ul{ display: none; padding-top: 10px; border-top: solid 1px #dcdcdc; margin-top: 10px;}
    .index_meeting_title ul li{ width: 33.333%; margin-left: auto; text-align: center; padding: 2px 0;}
    .index_meeting_title a{ /*float: none;*/}
    .index_meeting_title ul li.on a:after{ content: ""; background: none; display: none;}

    .form-control{ margin-bottom: 5px;}
    .btn-primary{ float: left; width: 49%;}
    .btn-right{ float: right;}

    .senior_search{ display: none;}



}
@media screen and (max-width: 414px) {
    .swiper_banner{ height: 260px;}
    .swiper_banner_ms{ line-height: 22px;}

    .screening_bt{ width: 16%;}
    .screening_tj{ width: 70%;}

    .listc_stat span{ margin-right: 10px; font-size: 13px;}

}

@media screen and (max-width: 320px) {

}





